<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		//创建ajax对象
		var xhr = new XMLHttpRequest();
		//2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
		//1）请求方式2）请求地址
		xhr.open('get', 'http://localhost:3000/responseData')
		//3.发送请求
		xhr.send();
		//4.获取服务器端响应到客户端的数据
		xhr.onload = function() {
			//我就少打了一个n而已啊！然后就显示undefined	xhr.resposeText
			// console.log(xhr.responseText);
			// console.log(typeof xhr.responseText);

			// 1将JSON字符串转换为JSON对象
			var responseText = JSON.parse(xhr.responseText);
			console.log(responseText);
			var str = '<h1>'+responseText.name+'</h1>';
			document.body.innerHTML = str;
		}
	</script>
</body>  
</html>

